<!DOCTYPE html>
<html>
<head>
    <title>基本信息管理列表</title>
    <!--#include file="/html/common/head.html"-->
</head>
<body>
    <!--#include file="/html/common/header.html"-->
    <div class="page clearfix">
        <div class="holder">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <ol class="breadcrumb">
                            <li>
                                <a href="#"><i class="fa fa-home"></i>&nbsp;首页</a>
                            </li>
                            <li class="active">基本信息列表</li>
                        </ol>
                        <!-- <input type="hidden" class="pageDataCount" value="10"> -->
                    </div>
                    <div class="col-sm-12 margin-top--10">
                        <!-- <form class="form-horizontal J_searchForm"> -->
                            <div class="panel panel-info">
                                <div class="panel-heading">
                                    <h4>基本信息列表</h4>
                                </div>
                                <div class="panel-body">
                                    <form class="form-horizontal J_searchForm">
                                        <div class="form-group">
                                            <label class="padding-left-30 control-label">姓名</label>
                                            <div class="col-sm-2">
                                                <input class="form-control J_Name "  autocomplete="off" name="name"></input>
                                            </div>
                                            <label class="padding-left-30 control-label">学号/工号</label>
                                            <div class="col-sm-2">
                                                <input class="form-control J_number " name="number"></input>
                                            </div>
                                        </div>
                                        <div class="col-sm-12 margin-bottom-10 margin-top--10 padding-left">
                                            <a class="btn btn-success btn-radius-no J_search" type="button"><i class="fa fa-search"></i>&nbsp;搜索</a>
                                            <a href="#" class="btn btn-success margin-left-15 btn-radius-no J_addInfo"><i class="fa fa-plus"></i>&nbsp;新增</a>
                                            <a href="#" class="btn btn-success margin-left-15 btn-radius-no J_allDel"><i class="fa fa-trash-o"></i>&nbsp;批量删除</a>
                                            <a href="#" class="btn btn-success margin-left-15 btn-radius-no J_allDown"><i class="fa fa-level-up"></i>&nbsp;批量导出</a>
                                            <a href="#" class="btn btn-success margin-left-15 btn-radius-no J_allUp" data-toggle="modal" data-target="#exportDialog"><i class="fa fa-level-down"></i>&nbsp;批量导入</a>
                                            <a href="#" class="btn btn-success margin-left-15 btn-radius-no" target="_blank"><i class="fa fa-download"></i>&nbsp;模板下载</a>
                                            <!-- <a href="#" class="btn btn-success margin-left-15 btn-radius-no J_background" data-toggle="modal" data-target="#backgroundDialog"><i class="fa fa-level-up"></i>&nbsp;上传背景图</a> -->
                                        </div>
                                    </form>
                                    <div class="table-responsive col-sm-12">
                                        <table class="J_table table table-hover table-bordered">
                                            <thead>
                                                <tr>
                                                    <th class="slectAll"><input type="checkbox" class="J_allChk"/></th>
                                                    <th>序号</th>
                                                    <th>姓名</th>
                                                    <th>学号/工号</th>
                                                    <th>性别</th>
                                                    <th>电话号码</th>
                                                    <th>角色</th>
                                                    <th>年级</th>
                                                    <th>科目</th>
                                                    <th>操作</th>

                                                </tr>
                                            </thead>   
                                            <tbody id="J_template">
                                                <!-- <tr data-id="1">
                                                    <td>1</td>
                                                    <td>关于xxxx的考核</td>
                                                    <td>我我我</td>
                                                    <td>已结束</td>
                                                    <td></td>
                                                    <td></td>
                                                    <td>
                                                        <a href="#" class="label-info"><i class="fa fa-search"></i>&nbsp;详情</a>
                                                        <a href="#" class="label-info J_del" data-toggle="modal" data-target="#delDialog"><i class="fa fa-times"></i>&nbsp;删除</a>
                                                    </td>
                                                </tr> -->
                                            </tbody>     
                                        </table>
                                        <div class="pull-right">
                                            <nav aria-label="Page navigation">
                                                <ul class="pagination" id="pageLimit">
                                                    <li>
                                                        <a href="#" aria-label="Previous">
                                                        <span aria-hidden="true">&laquo;</span>
                                                        </a>
                                                    </li>
                                                    <li class="active"><a href="#">1</a></li>
                                                    <li><a href="#">2</a></li>
                                                    <li><a href="#">3</a></li>
                                                    <li><a href="#">4</a></li>
                                                    <li><a href="#">5</a></li>
                                                    <li>
                                                        <a href="#" aria-label="Next">
                                                            <span aria-hidden="true">&raquo;</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </nav>
                                        </div>
                                    </div> 
                                </div>
                            </div>
                        </div>
                    </div>
                </div>   
            </div>
        </div>
    </div>
    <!-- 编辑对话框 -->
    <div class="modal fade" id="editDialog" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">编辑</h4>
                </div>
                <div class="modal-body">
                    <form action="" class="form-horizontal J_editForm">
                        <div class="form-group">
                            <label class="col-sm-3 control-label">姓名<span class="requires">&nbsp;*</span></label>
                            <div class="col-sm-6">
                                <input type="text" class="form-control J_editName" name="name">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">学号/工号<span class="requires">&nbsp;*</span></label>
                            <div class="col-sm-6">
                                <input type="text" class="form-control J_editNum" name="number">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">性别</label>
                            <div class="col-sm-6 J_editSex">
                                <label class="radio-inline">
                                    <input type="radio" name="sex" value="0" class="J_editRadio1">男
                                </label>
                                <label class="radio-inline">
                                    <input type="radio" name="sex" value="1" class="J_editRadio2">女
                                </label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">电话号码</label>
                            <div class="col-sm-6">
                                <input type="text" class="form-control J_editPhoneNum" name="phoneNumber">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">角色</label>
                            <div class="col-sm-6 J_editRole">
                                <label class="radio-inline">
                                    <input type="radio" name="type" value="2" class="J_editRadio4">学生
                                </label>
                                <label class="radio-inline">
                                    <input type="radio" name="type" value="1" class="J_editRadio3">老师
                                </label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">年级</label>
                            <div class="col-sm-6">
                                <select class="form-control J_editGrade w200" id="editGrade" multiple="multiple" name="gradeId">
                                    <option value="1">一年级</option>
                                    <option value="2">二年级</option>
                                    <option value="3">三年级</option>
                                    <option value="4">四年级</option>
                                    <option value="5">五年级</option>
                                    <option value="6">六年级</option>
                                    <option value="7">七年级</option>
                                    <option value="8">八年级</option>
                                    <option value="9">九年级</option>
                                    <option value="10">行政组</option>
                                    <option value="11">后勤教辅一组</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group hidden J_course">
                            <label class="col-sm-3 control-label J_courseTitle">科目</label>
                            <div class="col-sm-6">
                                <select id="editCourse" class="form-control J_editCourse w200" name="subjectId">
                                    <option value="1">理化组</option>
                                    <option value="2">历史组</option>
                                    <option value="3">美术组</option>
                                    <option value="4">体育组</option>
                                    <option value="5">信息组</option>
                                    <option value="6">音乐组</option>
                                    <option value="7">中学数学组</option>
                                    <option value="8">中学英语组</option>
                                    <option value="9">中学语文组</option>
                                    <option value="10">综合组</option>
                                    <option value="11">科学组</option>
                                    <option value="12">小学数学组</option>
                                    <option value="13">小学英语组</option>
                                    <option value="14">小学语文低段组</option>
                                    <option value="15">小学语文高段组</option>
                                </select>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary J_editDlg">确定</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 新增对话框 -->
    <div class="modal fade" id="addDialog" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">新增</h4>
                </div>
                <div class="modal-body">
                    <form action="" class="form-horizontal J_addForm">
                        <div class="form-group">
                            <label class="col-sm-3 control-label">姓名<span class="requires">&nbsp;*</span></label>
                            <div class="col-sm-6">
                                <input type="text" class="form-control J_addName" name="name">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">学号/工号<span class="requires">&nbsp;*</span></label>
                            <div class="col-sm-6">
                                <input type="text" class="form-control J_addNum" name="number">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">性别</label>
                            <div class="col-sm-6 J_addSex">
                                <label class="radio-inline">
                                    <input type="radio" name="sex" value="0" class="J_addRadio1" checked="checked">男
                                </label>
                                <label class="radio-inline">
                                    <input type="radio" name="sex" value="1" class="J_addRadio2">女
                                </label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">电话号码</label>
                            <div class="col-sm-6">
                                <input type="text" class="form-control J_addPhoneNum" name="phoneNumber">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">角色</label>
                            <div class="col-sm-6 J_addRole">
                                <label class="radio-inline">
                                    <input type="radio" name="type" value="2" class="J_addRadio4" checked="checked">学生
                                </label>
                                <label class="radio-inline">
                                    <input type="radio" name="type" value="1" class="J_addRadio3" >老师
                                </label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">年级</label>
                            <div class="col-sm-6">
                                <select class="form-control J_addGrade w200" id="addGrade" name="gradeId" multiple="multiple">
                                    <option value="1">一年级</option>
                                    <option value="2">二年级</option>
                                    <option value="3">三年级</option>
                                    <option value="4">四年级</option>
                                    <option value="5">五年级</option>
                                    <option value="6">六年级</option>
                                    <option value="7">七年级</option>
                                    <option value="8">八年级</option>
                                    <option value="9">九年级</option>
                                    <option value="10">行政组</option>
                                    <option value="11">后勤教辅一组</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group hidden J_course">
                            <label class="col-sm-3 control-label J_courseTitle">科目</label>
                            <div class="col-sm-6">
                                <select id="addCourse" class="form-control J_addCourse w200" name="subjectId">
                                    <option value="">请选择</option>
                                    <option value="1">理化组</option>
                                    <option value="2">历史组</option>
                                    <option value="3">美术组</option>
                                    <option value="4">体育组</option>
                                    <option value="5">信息组</option>
                                    <option value="6">音乐组</option>
                                    <option value="7">中学数学组</option>
                                    <option value="8">中学英语组</option>
                                    <option value="9">中学语文组</option>
                                    <option value="10">综合组</option>
                                    <option value="11">科学组</option>
                                    <option value="12">小学数学组</option>
                                    <option value="13">小学英语组</option>
                                    <option value="14">小学语文低段组</option>
                                    <option value="15">小学语文高段组</option>
                                </select>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary J_addDlg">确定</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 导入数据对话框 -->
    <div class="modal fade" id="exportDialog" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" >批量导入</h4>
                </div>
                <div class="modal-body">
                    <form action="" class="form-horizontal">
                        <input type="file" name="fileToUpload" id="fileToUpload" size="300" style="width:300px">
                        <br>
                        <div id="loadingDiv">
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button"  name="btnUpload" class="btn btn-success J_import" id="btnUpload" >上传</button>
                    <button type="button" class="btn btn-error " data-dismiss="modal" aria-label="Close">取消</button>
                </div>
            </div>
        </div>
    </div>
    <input class="hidId" type="hidden"></input>
    <!--#include file="/html/common/footer.html"-->
    <script src="/js/tool/calendar/WdatePicker.js"></script>
    <script src="/js/basic-information-management/basic-information-management-list.js"></script>
    <script src="/js/tool/ajaxfileupload.js"></script>
</body>
</html>